import { ref, computed } from "vue";
import { defineStore } from "pinia";
// 导入接口
import { getCategoryAPI } from "@/apis/layout";

// 分类导航栏的pinia
//  usecategoryStore  就是一个独立的store
export const usecategoryStore = defineStore("category", () => {
  // 逻辑代码
  // 实现思路：在pinia里请求数据，通过父组件触发一次，两个子组件直接调用即可

  // 1.state数据
  const categoryList = ref([]);
  // 通过异步请求的方式拿取数据，把接口包裹在另一个页面函数中，更方便管理

  // 2.修改数据的方法 （action）
  const getCategory = async () => {
    const res = await getCategoryAPI();
    categoryList.value = res.result;
  };

  // 3.以对象形式返回
  return {
    categoryList,
    getCategory,
  };
});
